<template>
  <div>
    <div class="container">
      <div class="row clearfix">
        <div class="col-md-4 column">
        </div>
        <div class="col-md-4 column">
          <div class="row clearfix">
            <div class="col-md-12 column">
                <div class="form-group">
                  <label>教师姓名</label><input type="text" v-model="teacherName" class="form-control" id="exampleInputEmail1" />
                </div>
                <div class="form-group">
                  <label>课程</label><input type="text" v-model="course" class="form-control"  />
                </div>
                <div class="checkbox">
                </div> <button class="btn btn-default" v-on:click="startReach">发起签到</button>
            </div>
          </div>
        </div>
        <div class="col-md-4 column">
        </div>
      </div>
    </div>
	<div class="img1"></div>
	<div class="img2"></div>
  </div>
</template>

<script>
export default {
  name: "StartReach",
  data() {
    return {
      value : '',
      course : "",
      teacherName : ""

    }
  },
  methods: {
    startReach(){
      window.open('https://www.chitus.com/ewm/create?config=%7B%22content%22%3A%22http%3A%2F%2F'+ local_host +'%3A7566%2F%23%2Fsub_reach%3Fcourse%3D'+ this.course +'%26teacherName%3D'+ this.teacherName + '%22%7D','_blank')
    }
  }
}
</script>

<style scoped>

.img1{
	position: absolute;
	overflow: hidden;
	background-image:url(../../img/9.jpg);
	height: 800px;
	width:580px;
    bottom: 0px;
	right: 0px;
    z-index: 1000;
     opacity: 0.6;
	
}
.img2{
	position: absolute;
	overflow: hidden;
	background-image:url(../../img/12.jpg);
	height: 399px;
	width:530px;
    bottom: 0px;
	left: 0px;
    z-index: 1000;
    opacity: 0.6;
	
}

</style>